<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			div:first-child {
				width: 200px;
				height: 200px;
				background-color: pink;
				box-sizing: content-box; /* 以前的盒模型,w3c推荐 */
				padding: 10px;
				border: 15px solid red;
				/* 盒子大小为width+padding+border content-box:此值为其默认值,其让元素维持w3c的标准 */
			}
			div:nth-child(2) {
				width: 200px;
				height: 200px;
				background-color: purple;
				color: #D9E0EE;
				padding: 10px;
				box-sizing: border-box; /* padding不撑开盒子，border不撑开盒子*/
				border: 15px solid red;
			}
		</style>
	</head>
	<body>
		<div id="">
			
		</div>
		<div>
			border-box
		</div>
	</body>
</html>
